﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>首页</title>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />

    <link href="css/aos.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap.css"/>

    <script src="js/jquery.js"></script>
    <script src="js/jquery.superslide.2.1.1.js"></script>
    <script src="js/touchslide.1.1.js"></script>


</head>

<body>
<!--顶部开始-->
<div class="head_main_top">
    <div class="w1200 clearfix">
        <div class="left">您好，欢迎访问:福建百纳在线网络技术有限公司官网！</div>
        <div class="right">
            <ul class="mbx">
                <li><a href="about.html" title="关于我们">关于我们</a></li>
                <li><a href="contact.html" title="联系我们">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
<!--顶部结束-->

<!--头部开始-->
<div class="head_main_nav">
    <div class="w1200">
        <div class="logo fl" aos="fade-right" aos-easing="ease" aos-duration="700">
            <a href="index.html"  title="">
                <img src="picture/logo.png" alt=""></a>
        </div>
        <div class="tel_main" aos="fade-left" aos-easing="ease" aos-duration="700">
            <span class="ico"></span>
            <p class="zx">全国咨询热线</p>
            <h3 class="webTel">+4008-990-990</h3>
        </div>


        <!--手机端导航-->
        <div class="nav_btn">
            <a href="#modal" class="second fr">导航</a>
        </div>
        <div id="modal">
            <ul class="app_nav">
                <li class="navli"><a href="index.html">网站首页</a></li>
                <li class="navli"><a href="about.html" title="关于我们">关于我们</a></li>
                <li class="navli"><a href="product.html" title="产品中心">产品中心</a></li>
                <li class="navli"><a href="news.html" title="新闻动态">新闻动态</a></li>
                <li class="navli"><a href="product.html" title="工程案例">工程案例</a></li>
                <li class="navli"><a href="product.html" title="荣誉资质">荣誉资质</a></li>
                <li class="navli"><a href="message.html" title="在线留言">在线留言</a></li>
                <li class="navli"><a href="server.html" title="服务领域">服务领域</a></li>
                <li class="navli"><a href="contact.html" title="联系我们">联系我们</a></li>
            </ul>
        </div>
        <script src="js/jquery.pageslide.min.js"></script>
        <script>
            $(".first").pageslide();
            $(".second").pageslide({ direction: "left", modal: true });
        </script>
        <!--手机端导航-->

    </div>
</div>
<!--头部结束-->




<!--导航开始-->
<div class="header_main por" id="header_main" aos="fade-down" aos-easing="ease" aos-duration="700">
    <div class="header w1200 clearfix">
        <div id="nav_main">
            <ul class="nav clearfix" id="nav">
                <li class='hover'>
                    <a class="aLink" href="index.html">网站首页<i></i></a>
                </li>
                <li class=''>
                    <a class="aLink" href="about.html" title="关于我们">关于我们<i></i></a>
                    <ul class="subnav">
                        <li class="nav1"><a href="about.html" title="公司简介">公司简介</a></li>
                        <li class="nav1"><a href="about.html" title="企业文化">企业文化</a></li>
                    </ul>
                </li>
                <li class=''>
                    <a class="aLink" href="product.html" title="产品中心">产品中心<i></i></a>
                    <ul class="subnav">
                        <li class="nav1"><a href="product.html" title="产品一类">产品一类</a></li>
                        <li class="nav1"><a href="product.html" title="产品二类">产品二类</a></li>
                        <li class="nav1"><a href="product.html" title="产品三类">产品三类</a></li>
                        <li class="nav1"><a href="product.html" title="产品四类">产品四类</a></li>
                        <li class="nav1"><a href="product.html" title="产品五类">产品五类</a></li>
                        <li class="nav1"><a href="product.html" title="产品六类">产品六类</a></li>
                    </ul>
                </li>
                <li class=''>
                    <a class="aLink" href="news.html" title="新闻动态">新闻动态<i></i></a>
                    <ul class="subnav">
                        <li class="nav1"><a href="news.html" title="行业新闻">行业新闻</a></li>
                        <li class="nav1"><a href="news.html" title="企业新闻">企业新闻</a></li>
                    </ul>
                </li>
                <li class=''>
                    <a class="aLink" href="product.html" title="工程案例">工程案例<i></i></a>
                    <ul class="subnav">
                        <li class="nav1"><a href="product.html" title="案例展示一">案例展示一</a></li>
                        <li class="nav1"><a href="product.html" title="案例展示二">案例展示二</a></li>
                        <li class="nav1"><a href="product.html" title="案例展示三">案例展示三</a></li>
                        <li class="nav1"><a href="product.html" title="案例展示四">案例展示四</a></li>
                    </ul>
                </li>
                <li class=''><a class="aLink" href="product.html" title="荣誉资质">荣誉资质<i></i></a>
                    <ul class="subnav">
                    </ul>
                </li>
                <li class=''>
                    <a class="aLink" href="message.html" title="在线留言">在线留言<i></i></a>
                    <ul class="subnav">
                    </ul>
                </li>
                <li class=''>
                    <a class="aLink" href="server.html" title="服务领域">服务领域<i></i></a>
                    <ul class="subnav">
                        <li class="nav1"><a href="server.html" title="多金属回收">多金属回收</a></li>
                        <li class="nav1"><a href="server.html" title="废物处置">废物处置</a></li>
                        <li class="nav1"><a href="server.html" title="城市利用">城市利用</a></li>
                        <li class="nav1"><a href="server.html" title="新能源开发利用">新能源开发利用</a></li>
                    </ul>
                </li>
                <li class=''>
                    <a class="aLink" href="contact.html" title="联系我们">联系我们<i></i></a>
                    <ul class="subnav">
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--导航结束-->

<!--幻灯片大图banner开始-->
<div class="banner_main" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
    <div id="slideBox01" class="slideBox">
        <div class="hd">
            <!--<ul>-->
                <!--&lt;!&ndash;<li class="">1</li><li class="on">2</li><li class="">3</li>&ndash;&gt;-->
            <!--</ul>-->
        </div>
        <div class="bd">
            <ul>
                <li style="display: none;">
                    <a href="" target="_blank">
                    <img src="picture/1-1z10q03450413.jpg"></a>
                </li>
                <li style="display: list-item;">
                    <a href="" target="_blank"><img src="picture/1-1z10q03450413.jpg"></a>
                </li>
            </ul>
        </div>

        <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
        <a class="prev" href="javascript:void(0)"></a>
        <a class="next" href="javascript:void(0)"></a>

    </div>
</div>
<script type="text/javascript">
    jQuery("#slideBox01").slide({mainCell: ".bd ul", autoPlay: true});
</script>

<!--幻灯片大图banne结束-->

<div class="index">

    <!--PC产品中心开始-->
    <div class="floor_1_main">
        <div class="w1200 clearfix">
            <div class="indexTit" aos="fade-up" aos-easing="ease" aos-duration="700">
                <h3 class="tit"><span>产品中心</span></h3>
                <p class="subtit">百亩生产基地，回收处理19种有价元素</p>
            </div>
            <div class="floor_1">
                <!--产品分类开始-->
                <div class="menu hd clearfix" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="200">
                    <ul class="list clearfix">

                        <li><a href="product.html" title="产品一类">产品一类</a></li>

                        <li><a href="product.html" title="产品二类">产品二类</a></li>

                        <li><a href="product.html" title="产品三类">产品三类</a></li>

                        <li><a href="product.html" title="产品四类">产品四类</a></li>

                        <li><a href="product.html" title="产品五类">产品五类</a></li>

                        <li><a href="product.html" title="产品六类">产品六类</a></li>

                    </ul>
                </div>
                <!--产品分类结束-->
                <dl aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="300">
                    <!--推荐内容开始-->
                    <dt>
                        <a href="product_vd.html" title="产品中心标题六">
                        <img src="picture/1-1z10zu3150-l.jpg" alt="产品中心标题六">
                        <p><span>产品中心标题六</span><i class="icon"></i></p>
                        <em><span>产品中心标题六</span><s class="icon"></s></em>
                        </a>
                    </dt>

                    <!--推荐内容结束-->
                    <dd>
                        <ul>
                            <li class="item">
                                <a href="product_vd.html" title="产品中心标题五" class="a1">
                                    <img src="picture/1-1z10zu2400-l.jpg" alt="产品中心标题五">
                                    <div class="d1"><i class="icon"></i>
                                        <h3>产品中心标题五</h3>
                                    </div>
                                </a>
                            </li>
                            <li class="item">
                                <a href="product_vd.html" title="产品中心标题四" class="a1">
                                    <img src="picture/1-1z10zu2190-l.jpg" alt="产品中心标题四">
                                    <div class="d1"><i class="icon"></i>
                                        <h3>产品中心标题四</h3>
                                    </div>
                                </a>
                            </li>
                            <li class="item">
                                <a href="product_vd.html" title="产品中心标题三" class="a1">
                                    <img src="picture/1-1z10zu1310-l.jpg" alt="产品中心标题三">
                                    <div class="d1"><i class="icon"></i>
                                     <h3>产品中心标题三</h3>
                                    </div>
                                </a>
                            </li>
                            <li class="item">
                                <a href="product_vd.html" title="产品中心标题二" class="a1">
                                    <img src="picture/1-1z10zt9470-l.jpg" alt="产品中心标题二">
                                    <div class="d1"><i class="icon"></i>
                                     <h3>产品中心标题二</h3>
                                    </div>
                                </a>
                            </li>

                        </ul>
                    </dd>
                </dl>
            </div>
            <div class="floor_5_2" aos="fade-up" aos-easing="ease" aos-duration="700" style="margin-top: 50px;">
                <a href="product.html" title="查看更多">查看更多 &gt;&gt;</a>
            </div>
        </div>
    </div>
    <!--PC产品中心结束-->
    <!---------手机端产品中心开始--------->
    <div class="floor_wap_main">
        <div class="floor_wap">
            <!--产品分类开始-->
            <div class="imenu hd clearfix">
                <ul class="list clearfix">
                    <li><a href="product.html" title="产品一类">产品一类</a></li>
                    <li><a href="product.html" title="产品二类">产品二类</a></li>
                    <li><a href="product.html" title="产品三类">产品三类</a></li>
                    <li><a href="product.html" title="产品四类">产品四类</a></li>
                    <li><a href="product.html" title="产品五类">产品五类</a></li>
                    <li><a href="product.html" title="产品六类">产品六类</a></li>

                </ul>
            </div>
            <!--产品分类结束-->
            <div class="productlist">
                <div class="bd">
                    <ul class="list clearfix">
                        <li class="item"><a href="product_vd.html" title="产品中心标题六">
                            <figure><img src="picture/1-1z10zu3150-l.jpg" alt="产品中心标题六"/></figure>
                            <h3>产品中心标题六</h3>
                        </a></li>
                        <li class="item"><a href="product_vd.html" title="产品中心标题五">
                            <figure><img src="picture/1-1z10zu2400-l.jpg" alt="产品中心标题五"/></figure>
                            <h3>产品中心标题五</h3>
                        </a></li>
                        <li class="item"><a href="product_vd.html" title="产品中心标题四">
                            <figure><img src="picture/1-1z10zu2190-l.jpg" alt="产品中心标题四"/></figure>
                            <h3>产品中心标题四</h3>
                        </a></li>
                        <li class="item"><a href="product_vd.html" title="产品中心标题三">
                            <figure><img src="picture/1-1z10zu1310-l.jpg" alt="产品中心标题三"/></figure>
                            <h3>产品中心标题三</h3>
                        </a></li>
                        <li class="item"><a href="product_vd.html" title="产品中心标题二">
                            <figure><img src="picture/1-1z10zt9470-l.jpg" alt="产品中心标题二"/></figure>
                            <h3>产品中心标题二</h3>
                        </a></li>
                        <li class="item"><a href="product_vd.html" title="产品中心标题一">
                            <figure><img src="picture/1-1z10qh5420-l.jpg" alt="产品中心标题一"/></figure>
                            <h3>产品中心标题一</h3>
                        </a></li>

                    </ul>
                </div>
            </div>
            <div class="more clearfix"><a href="product.html">查看更多</a></div>
        </div>
    </div>
    <!--------手机端产品中心结束---------->



    <!--小banner开始-->
    <div class="xbanner" aos="fade-up" aos-easing="ease" aos-duration="700">
        <div class="w1200 clearfix">
            <div class="slip_tit fl">
                <h3 class="tit1" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="400">
                    创新技术、绿色发展、循环利用、系列开发</h3>
                <p class="tit2" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="700">提供一站式专业服务！&nbsp;&nbsp;&nbsp;咨询热线：4008-990-990</p>
            </div>
            <div class="slip_btn fr" aos="fade-left" aos-easing="ease" aos-duration="700" aos-delay="400">
                <span><i class="icon"></i>咨询热线</span>
                <p>4008-990-990</p>
                <a href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes" title="在线咨询">在线咨询</a>
            </div>
        </div>
    </div>
    <!--小banner结束-->


    <!--关于我们开始-->
    <div class="floor_6_main">
        <div class="w1200 clearfix">
            <div class="floor_6_1" aos="fade-up" aos-easing="ease">
                <dl>
                    <dt>
                    <h3>关于我们</h3>
                    <i></i>

                    <p>　　
                        福建百纳在线网络技术有限公司(百度福建营销服务中心)成立于2009年，是百度在福州、三明、宁德、南平、莆田地区的唯一授权服务商，业务范围涵盖了百度搜索引擎推广、信息流推广、互联网品牌营销会议策划、媒体整合传播、企业网站建设、程序开发等多项服务体系。
                        以精准、定向互联网营销分析技术为基础的企业互联网广告服务提供商，致力于为企业提供网络营销解决方案，是本地区专注、专业的互联网广告公司... </p>
                    <a href="about.html" title="了解详情" class="moreicon">了解详情 >></a>
                    </dt>
                    <dd>
                        <p>致力于绿色能源领域技术<br>
                            及设备设施开发利用</p>
                        <img src="picture/about.jpg" alt="关于我们"/>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <!--关于我们结束-->


    <!--PC技术优势开始-->
    <div class="floor_3_main">
        <div class="indexTit" aos="fade-up" aos-easing="ease" aos-duration="700">
            <h3 class="tit"><span> 技术优势</span></h3>
            <p class="subtit">节能减排为目的，创新技术展优势的生产制造型企业</p>
        </div>

        <div class="floor_3_1">
            <dl class="dl1" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="100">
                <div class="jz">
                    <dt><img src="picture/ys1.jpg"></dt>
                    <dd>
                        <h3><i></i><span>先进的资源回收装备与工艺技术</span></h3>

                        <p>富氧侧吹三连炉、氧压浸出系统、智能化连续低温裂解处置废旧动力电池设备、智能化转运储存物料和智能化监测控制...</p>
                    </dd>
                </div>
            </dl>
            <dl class="dl2" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="200">
                <div class="jz">
                    <dt><img src="picture/ys2.jpg"></dt>
                    <dd>
                        <h3><i></i><span>高效环保的资源梯次回收方法</span></h3>

                        <p>节能减排、余热回收。能源是我国经济现代的物质基础，节约能源，降低能源消耗、合理利用能源，不但直接影响企业的经济效益...</p>
                    </dd>
                </div>
            </dl>
            <dl class="dl3" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="300">
                <div class="jz">
                    <dt><img src="picture/ys3.jpg"></dt>
                    <dd>
                        <h3><i></i><span>高科技的智能化生产技术</span></h3>

                        <p>与传统工业相比，智能化生产技术更加能体现解放劳动力，提高生产力，避免职业病，保障人工操作的安全，真正实现绿色清洁处置...</p>
                    </dd>
                </div>
            </dl>
        </div>
    </div>
    <!--PC技术优势结束-->

    <!-----技术优势手机端开始------>
    <div class="floor_2_main">
        <div class="floor_2_1">

            <div class="indexTit">
                <h3 class="tit"><span>技术优势</span></h3>
                <p class="subtit">节能减排为目的，创新技术展优势的生产制造型企业</p>
            </div>


            <div id="slideBox_jishu" class="slideBox">
                <div class="bd">
                    <ul>
                        <li class="li3">
                            <b><img src="picture/ys1.jpg" alt="先进的资源回收装备与工艺技术"></b>
                            <h3>
                                <div class="ysico">
                                    <img src="images/t8_03.png" alt=""/>
                                </div>
                                <span>先进的资源回收装备与工艺技术</span></h3>
                            <p>富氧侧吹三连炉、氧压浸出系统、智能化连续低温裂解处置废旧动力电池设备、智能化转运储存物料和智能化监测控制...</p>
                        </li>
                        <li class="li3"><b><img src="picture/ys2.jpg" alt="高效环保的资源梯次回收方法"></b>
                            <h3>
                                <div class="ysico">
                                    <img src="images/t8_07.png" alt=""/>
                                </div>
                                <span>高效环保的资源梯次回收方法</span></h3>
                            <p>节能减排、余热回收。能源是我国经济现代的物质基础，节约能源，降低能源消耗、合理利用能源，不但直接影响企业的经济效益...</p>
                        </li>
                        <li class="li3"><b><img src="picture/ys3.jpg" alt="高科技的智能化生产技术"></b>
                            <h3>
                                <div class="ysico">
                                    <img src="images/t8_10.png" alt=""/>
                                </div>
                                <span>高科技的智能化生产技术</span></h3>
                            <p>与传统工业相比，智能化生产技术更加能体现解放劳动力，提高生产力，避免职业病，保障人工操作的安全，真正实现绿色清洁处置...</p>
                        </li>
                    </ul>
                </div>
                <div class="hd">
                    <ul>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        /*技术优势*/
        TouchSlide({
            slideCell:"#slideBox_jishu",
            titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
            mainCell:".bd ul",
            effect:"leftLoop",
            autoPage:true,//自动分页
            interTime: 5000,//默认5秒
            autoPlay:true //自动播放
        });
        /*tab切换*/
        TouchSlide({ slideCell:"#leftTabBox" });

    </script>
    <!--------技术优势手机端结束------->



    <!--小banner开始-->
    <div class="xbanner" aos="fade-up" aos-easing="ease" aos-duration="700">
        <div class="w1200 clearfix">
            <div class="slip_tit fl">
                <h3 class="tit1" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="400">
                    创新技术、绿色发展、循环利用、系列开发</h3>
                <p class="tit2" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="700">提供一站式专业服务！&nbsp;&nbsp;&nbsp;咨询热线：4008-990-990</p>
            </div>
            <div class="slip_btn fr" aos="fade-left" aos-easing="ease" aos-duration="700" aos-delay="400">
                <span><i class="icon"></i>咨询热线</span>
                <p>4008-990-990</p>
                <a href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes" title="在线咨询">在线咨询</a>
            </div>
        </div>
    </div>
    <!--小banner结束-->


    <!--工程案例-荣誉资质开始-->
    <div class="w1200 clearfix">
        <div class="floor_6_3">
            <div class="slideGroup">
            <div class="parHd" aos="fade-up" aos-easing="ease" aos-duration="700">
                <s></s><b></b>
                <ul>
                    <li class="on"><a href="product.html" title="工程案例">工程案例</a></li>
                    <li><a href="product.html" title="荣誉资质">荣誉资质</a></li>
                </ul>
            </div>
            <div class="parBd" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="200">
                <div class="slideBox">
                    <a class="sPrev" href="javascript:void(0)"> <span class="icon"></span>
                    </a>
                    <ul>
                        <li>
                            <a href="product_vd.html" title="工程案例标题一">
                                <img
                                src="picture/1-1z10q643580-l.jpg" alt="工程案例标题一">
                            <p>工程案例标题一</p>
                        </a>
                        </li>
                        <li>
                            <a href="product_vd.html" title="工程案例标题二">
                                <img
                                src="picture/1-1z10q645310-l.jpg" alt="工程案例标题二">
                            <p>工程案例标题二</p>
                        </a>
                        </li>
                        <li>
                            <a href="product_vd.html" title="工程案例标题三"><img
                                src="picture/1-1z10q645530-l.jpg" alt="工程案例标题三">
                            <p>工程案例标题三</p>
                        </a>
                        </li>
                        <li>
                            <a href="product_vd.html" title="工程案例标题四"><img
                                src="picture/1-1z10q646120-l.jpg" alt="工程案例标题四">
                            <p>工程案例标题四</p>
                        </a>
                        </li>
                        <li>
                            <a href="product_vd.html" title="工程案例标题五"><img
                                src="picture/1-1z10q646270-l.jpg" alt="工程案例标题五">

                            <p>工程案例标题五</p>
                        </a>
                        </li>
                        <li>
                            <a href="product_vd.html" title="工程案例标题六"><img
                                src="picture/1-1z10q646460-l.jpg" alt="工程案例标题六">
                            <p>工程案例标题六</p>
                        </a>
                        </li>
                    </ul>
                    <a class="sNext" href="javascript:void(0)">
                        <span class="icon"></span>
                    </a>
                </div>
                <div class="slideBox">
                    <a class="sPrev" href="javascript:void(0)">
                        <span class="icon"></span>
                    </a>
                    <ul>
                        <li><a href="product_vd.html" title="荣誉资质标题六"><img
                                src="picture/1-1z32214463o95.jpg" alt="荣誉资质标题六">

                            <p>荣誉资质标题六</p>
                        </a></li>
                        <li><a href="product_vd.html" title="荣誉资质标题五"><img
                                src="picture/1-1z322144614522.jpg" alt="荣誉资质标题五">

                            <p>荣誉资质标题五</p>
                        </a></li>
                        <li><a href="product_vd.html" title="荣誉资质标题四"><img
                                src="picture/1-1z322144552l9.jpg" alt="荣誉资质标题四">

                            <p>荣誉资质标题四</p>
                        </a></li>
                        <li><a href="product_vd.html" title="荣誉资质标题三"><img
                                src="picture/1-1z32214452c47.jpg" alt="荣誉资质标题三">

                            <p>荣誉资质标题三</p>
                        </a></li>
                        <li><a href="product_vd.html" title="荣誉资质标题二">
                            <img src="picture/1-1z32214450yt.jpg"alt="荣誉资质标题二">

                            <p>荣誉资质标题二</p>
                        </a></li>
                        <li><a href="product_vd.html" title="荣誉资质标题一"><img
                                src="picture/1-1z3221444330-l.jpg" alt="荣誉资质标题一">

                            <p>荣誉资质标题一</p>
                        </a></li>

                    </ul>
                    <a class="sNext" href="javascript:void(0)">
                        <span class="icon"></span>
                    </a>
                </div>
            </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        /* 内层图片滚动切换 */
        jQuery(".slideGroup .slideBox").slide({
            mainCell: "ul",
            vis: 4,
            prevCell: ".sPrev",
            nextCell: ".sNext",
            effect: "left",
            autoPage: true,
            autoPlay: true,
            delayTime: 500,
            interTime: 5000
        });

        /* 外层tab切换 */
        jQuery(".slideGroup").slide({titCell: ".parHd li", mainCell: ".parBd"});

    </script>

    <!--工程案例-荣誉资质结束-->

    <!--工程案例-荣誉资质 手机端开始-->
    <div class="floor_case_wap">
        <div class="floor_case_1">
            <div id="leftTabBox_case" class="tabBox">
                <div class="hd">
                    <ul>
                        <li><a>工程案例</a></li>
                        <li><a>荣誉资质</a></li>
                    </ul>
                </div>
                <div class="bd">
                    <ul>
                        <li>
                            <a href="product_vd.html" title="工程案例标题一">
                            <figure><img src="picture/1-1z10q643580-l.jpg" alt="工程案例标题一"></figure>
                            <div class="txt">
                                <h3>工程案例标题一</h3>
                                <!--<s class="icon"></s>-->
                            </div>
                        </a>
                        </li>
                        <li><a href="product_vd.html" title="工程案例标题二">
                            <figure><img src="picture/1-1z10q645310-l.jpg" alt="工程案例标题二"></figure>
                            <div class="txt">
                                <h3>工程案例标题二</h3>

                            </div>
                        </a></li>
                        <li><a href="product_vd.html" title="工程案例标题三">
                            <figure><img src="picture/1-1z10q645530-l.jpg" alt="工程案例标题三"></figure>
                            <div class="txt">
                                <h3>工程案例标题三</h3>
                            </div>
                        </a></li>
                        <li><a href="product_vd.html" title="工程案例标题四">
                            <figure><img src="picture/1-1z10q646120-l.jpg" alt="工程案例标题四"></figure>
                            <div class="txt">
                                <h3>工程案例标题四</h3>
                            </div>
                        </a></li>

                        <div class="clearfix"></div>
                        <div class="more clearfix"><a href="product.html">查看更多</a></div>
                    </ul>
                    <ul>
                        <li>
                            <a href="product_vd.html" title="荣誉资质标题六">
                            <figure><img src="picture/1-1z32214463o95.jpg" alt="荣誉资质标题六"></figure>
                            <div class="txt">
                                <h3>荣誉资质标题六</h3>
                                </div>
                        </a>
                        </li>
                        <li>
                            <a href="product_vd.html" title="荣誉资质标题五">
                            <figure><img src="picture/1-1z322144614522.jpg" alt="荣誉资质标题五"></figure>
                            <div class="txt">
                                <h3>荣誉资质标题五</h3>
                                </div>
                        </a>
                        </li>
                        <li>
                            <a href="product_vd.html" title="荣誉资质标题四">
                            <figure><img src="picture/1-1z322144552l9.jpg" alt="荣誉资质标题四"></figure>
                            <div class="txt">
                                <h3>荣誉资质标题四</h3>
                           </div>
                        </a>
                        </li>
                        <li>
                            <a href="product_vd.html" title="荣誉资质标题三">
                            <figure><img src="picture/1-1z32214452c47.jpg" alt="荣誉资质标题三"></figure>
                            <div class="txt">
                                <h3>荣誉资质标题三</h3>
                             </div>
                        </a>
                        </li>

                        <div class="clearfix"></div>
                        <div class="more clearfix"><a href="product.html">查看更多</a></div>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
    jQuery("#leftTabBox_case").slide({});
    </script>
    <!--工程案例-荣誉资质 手机端结束-->


    <!--新闻资讯开始-->
    <div class="floor_5_main">
        <div class="floor_5 w1200 clearfix">
            <div class="indexTit" aos="fade-up" aos-easing="ease" aos-duration="700">
                <h3 class="tit"><span>新闻动态</span></h3>

                <p class="subtit">了解行业资讯 关注公司动态</p>
            </div>
            <div class="floor_5_1" aos="fade-up" aos-easing="ease" aos-duration="700" aos-delay="200">
                <div class="layB">
                    <div class="tbC">
                        <a href="javascript:void(0)" class="prev">
                            <span class="icon"></span>
                        </a>
                        <div class="slide">
                            <ul>
                                <li>
                                    <a href="news_vd.html" title=""><em><span>08</span>2019-01</em>

                                        <h3>
                                            <p>百纳在线面向福建地区提供网络营销服务
                                                <span>当下不少企业都进行了营销型网站建设，大家对于营销型网站的功能了解也非常清楚，但是任有许多企业的营销型网站在上线之后，所取得的效果非常不理...</span>
                                            </p>
                                        </h3>
                                    </a>
                                </li>
                                <li>
                                    <a href="news_vd.html" title=""><em><span>08</span>2019-01</em>

                                        <h3>
                                            <p>百纳在线面向福建地区提供网络营销服务<span>随着移动互联网的不断发展，各大应用市场的APP应用技术越来越多，企业在进行APP开发之后，想要取得成功的难度就越来越大。在这样的情况下，唯有不断...</span>
                                            </p>
                                        </h3>
                                    </a>
                                </li>
                                <li>
                                    <a href="news_vd.html" title=""><em><span>08</span>2019-01</em>

                                        <h3>
                                            <p>百纳在线面向福建地区提供网络营销服务<span>当下从事APP开发的企业越来越多，但是能够取得成功的却寥寥无几，其主要原因就在于这些企业对APP应用缺乏了解，导致在开发的时候，以及上线之后没有...</span>
                                            </p>
                                        </h3>
                                    </a>
                                </li>
                                <li>
                                    <a href="news_vd.html" title=""><em><span>08</span>2019-01</em>

                                        <h3>
                                            <p>百纳在线面向福建地区提供网络营销服务<span>相信很多人都知晓，确定主题在企业营销型网站建设当中是非常重要的一个环节，是决定网站是否能够发挥出应有功效的决定因素。任何网站在制作之前，...</span>
                                            </p>
                                        </h3>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <a href="javascript:void(0)" class="next">
                            <span class="icon"></span></a>
                    </div>
                </div>
            </div>
            <div class="floor_5_2" aos="fade-up" aos-easing="ease" aos-duration="700"><i></i>
                <a href="news.html" title="查看更多">查看更多 >></a>
            </div>
        </div>
    </div>

    <!--新闻资讯结束-->

    <!--新闻资讯：手机端开始-->
    <div class="newsmoblie">
        <div class="indexTit">
            <h3 class="tit"><span>新闻动态</span></h3>
            <p class="subtit">了解行业资讯 关注公司动态</p>
        </div>
        <ul class="new_wap">
            <li>
                <a href="news_vd.html" title=""><em><span>08</span>2019-01</em>

                    <h3>
                        <p>百纳在线面向福建地区提供网络营销服务
                            <span>当下不少企业都进行了营销型网站建设，大家对于营销型网站的功能了解也非常清楚...</span>
                        </p>
                    </h3>
                </a>
            </li>
            <li>
                <a href="news_vd.html" title=""><em><span>08</span>2019-01</em>

                    <h3>
                        <p>百纳在线面向福建地区提供网络营销服务
                            <span>当下不少企业都进行了营销型网站建设，大家对于营销型网站的功能了解也非常清楚...</span>
                        </p>
                    </h3>
                </a>
            </li>
            <li>
                <a href="news_vd.html" title=""><em><span>08</span>2019-01</em>

                    <h3>
                        <p>百纳在线面向福建地区提供网络营销服务
                            <span>当下不少企业都进行了营销型网站建设，大家对于营销型网站的功能了解也非常清楚...</span>
                        </p>
                    </h3>
                </a>
            </li>
            <li>
                <a href="news_vd.html" title=""><em><span>08</span>2019-01</em>

                    <h3>
                        <p>百纳在线面向福建地区提供网络营销服务
                            <span>当下不少企业都进行了营销型网站建设，大家对于营销型网站的功能了解也非常清楚...</span>
                        </p>
                    </h3>
                </a>
            </li>
        </ul>
        <div class="more clearfix"><a href="product.html">查看更多</a></div>
    </div>

    <!--新闻资讯：手机端结束-->


    <!--友情链接开始-->
    <div class="floor_7_main">
        <div class="w1200 clearfix">
            <h3 class="tit">友情链接:</h3>
            <ul>

                <li><a href='http://www.baidu.com/' target='_blank'>百度一下</a></li>

                <li><a href='http://www.bainaonline.cn/' target='_blank'>百纳在线</a></li>

            </ul>
        </div>
    </div>
    <!--友情链接结束-->


</div>

<!--页尾开始-->
<div class="footer_main">
    <div class="footer clearfix">
        <div class="part1 w1200 clearfix" aos="fade-up" aos-easing="ease" aos-duration="700">
            <!--联系我们开始-->
            <div class="foot_z">
                <h3>联系我们<i></i></h3>

                <p>福建百纳在线网络技术有限公司</p>
                <ul>
                    <li>邮箱：bainahr@bainaonline.cn</li>
                    <li>热线：4008-990-990</li>
                    <li>电话：+0591-63188590</li>
                    <li>传真：+0591-63188990</li>
                </ul>
            </div>
            <!--联系我们结束-->


            <!--在线留言开始-->
            <div class="foot_y">
                <h3>在线留言<i></i></h3>

                <form class="form_book" action="" enctype="multipart/form-data" method="post" onsubmit="return checkForm();">
                    <input type="hidden" name="action" value="post"/>
                    <input type="hidden" name="diyid" value="1"/>
                    <input type="hidden" name="do" value="2"/>

                    <div class="item item5 clearfix">
                        <input class="txt" placeholder="姓名" type="text" name="name" id="name">
                    </div>
                    <div class="item item4 clearfix">
                        <input class="txt tel" placeholder="电话" name="tel" id="tel">
                    </div>
                    <div class="item item1 clearfix">
                        <textarea class="area" placeholder="留言" name="content"></textarea>
                    </div>
                    <input type="hidden" name="dede_fields" value="name,text;tel,text;content,text"/>
                    <input type="hidden" name="dede_fieldshash" value="b430c226756ec920d6ba032b04a5184a"/>

                    <div class="submit">
                        <input class="tijiao" value="提交" type="submit">
                    </div>
                </form>
                <script type="text/javascript">
                    function checkForm() {
                        if (document.getElementById('name').value.length == 0) {
                            alert('您的姓名不能为空');
                            return false;
                        }
                        if (document.getElementById('tel').value.length == 0) {
                            alert('您的电话不能为空');
                            return false;
                        }

                        return true;
                    }
                </script>
            </div>
            <!--在线留言结束-->


            <!--二维码开始-->
            <div class="foot_j"><b><img src="picture/weixing-ma-new.jpg"/></b>
                <p>微信二维码</p>
                <span>微信号：bainaonline</span></div>
            <!--二维码结束-->

        </div>
    </div>
</div>
<!--页尾结束-->


<!--版权开始-->
<div class="copyright">
    <div class="copy w1200 clearfix">
        <p class="copy">Copyright &copy; 2020 福建百纳在线网络技术有限公司 版权所有　备案号：
            <a href="http://www.beian.miit.gov.cn/" target="_blank" title="ICP备********号">ICP备********号</a>　
        </p>
         </div>
</div>
<!--版权结束-->

<!--wap底部图标开始-->
<div id="toolbar">
    <ul class="list clearfix">
        <li><a href="index.html" class="hover"><span class="too-home"></span></a></li>
        <li><a href="tel:+4008-990-990"><span class="too-tel"></span></a></li>
        <li><a onclick="dkcf()"><span class="too-qiao"></span></a></li>
        <li><a href=""><span class="too-map"></span></a></li>
    </ul>
</div>
<!--wap底部图标结束-->



<script src="js/aos.js"></script>
<script src="js/app.js"></script>
<script type="text/javascript">
    AOS.init({
        easing: 'ease-out-back',
        duration: 1000,
        disable: function () {
            var maxWidth = 960;
            return window.innerWidth < maxWidth;
        }

    });
</script>
</body>
</html>